<!DOCTYPE html>
<html class="fsvs" lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
	<title>萌主播报名-{$C.webtitle}</title>
	<meta content="{$C.webkeywords}" name="Keywords">
	<meta name="description" content="{$C.webdescription}" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css">
	<link href="__PUBLIC__/css/baoming.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/Adaptive.js"></script>

</head>
<body>
<style type="text/css">
	html{background-color: #eeeded;color:#000000;background-position:left top;}.fs_main{width:800PX}.fs_cTitle{font-size:16PX;line-height:25PX;}.fs_content{font-size:12px;}@media screen and (max-width:640PX){div.fs_main{width:100%;margin: 0;}}div.f_share{left:640PX} div.f_share_main{width:640PX}@media screen and (max-width:862px){div.f_share{display:none;}}div.f_share{background-color:rgba(153, 153, 153, 0.4);}.fs_cValidate{color:red;}.fs_cDescribe a, .fs_cDescribe a:visited{color:#7c7c7c}.fs_component{background-color: #FFF8DC;color:#000000}.fs_header{background-color: #00a7ea;color:#ffffff;}.fs_main{background-color: #ffffff;color:#000000;}.fs_submitBtn{background-color:#00a7ea;color:#fff;box-shadow: 0 2px 4px -2px #eee;}.fs_submitBtn:hover{background-color:#3E76A7}
</style>
<script>
	$(document).ready(function(){
		$(".f_component").click(function(){
			$(this).addClass("fs_component").siblings().removeClass("fs_component")
		});
	});
</script>
	
<div class="f_wrapper fs_wrapper">
	<form enctype="multipart/form-data" id="upload_img_form" action="{:U('User/upload_img_php')}" method="POST"> 
	<div class="f_main fs_main">
		<div class="f_header fs_header">
			<div class="f_text_no_logo">
				<h2 class="f_title fs_title"><img src="__PUBLIC__/images/icon/logo.png">萌主播参加报名表</h2>
			</div>
		</div>
		<div class="f_body fs_body">
			<div class="f_component">
				<p class="f_cTitle fs_cTitle" style="text-align:left">萌主播个人档案 *</p>
				<p class="f_sectionDescribe fs_sectionDescribe" style="text-align:left">萌宝网温馨提醒您：1、请务必填写真实信息，出生年月按实际生日填写，方便栏目组存档。
					2 萌主播艺术写真照2-4张（半身，全身），要求纯色背景。
				</p>
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">姓名<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" name="name" class="input medium fs_content fs_input" value="{$user_show.name}" />
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">艺名<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" name="yiming" class="input medium fs_content fs_input" value="{$user_show_info.yiming}" />
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">性别<span class="f_cValidate fs_cValidate">*</span></p>
				<ul class="f_optionGarden layout-two">
					<li class="f_optionsLi">
						<label class="f_optionVal fs_content" ><input class="f_optionBtn" type="radio" name="sex" checked="checked"  value="0" />
						女</label>
					</li>
					<li class="f_optionsLi">
						<label class="f_optionVal fs_content" ><input class="f_optionBtn" type="radio" name="sex" <eq name="user_show_info.sex" value="1">checked="checked"</eq> value="1" />
					   男</label>
					</li>
					<li class="clearB"></li>
				</ul>
			</div>
			<div class="f_component" >
				<p class="f_cTitle fs_cTitle">出生日期<span class="f_cValidate fs_cValidate">*</span></p>
				<select name="year" class="year_c">
					<option value="2001" <eq name="user_show_info.year" value="2001">selected="selected"</eq>>2001</option>
					<option value="2002" <eq name="user_show_info.year" value="2002">selected="selected"</eq>>2002</option>
					<option value="2003" <eq name="user_show_info.year" value="2003">selected="selected"</eq>>2003</option>
					<option value="2004" <eq name="user_show_info.year" value="2004">selected="selected"</eq>>2004</option>
					<option value="2005" <eq name="user_show_info.year" value="2005">selected="selected"</eq>>2005</option>
					<option value="2006" <eq name="user_show_info.year" value="2006">selected="selected"</eq>>2006</option>
					<option value="2007" <eq name="user_show_info.year" value="2007">selected="selected"</eq>>2007</option>
					<option value="2008" <eq name="user_show_info.year" value="2008">selected="selected"</eq>>2008</option>
					<option value="2009" <eq name="user_show_info.year" value="2009">selected="selected"</eq>>2009</option>
					<option value="2010" <eq name="user_show_info.year" value="2010">selected="selected"</eq>>2010</option>
					<option value="2011" <eq name="user_show_info.year" value="2011">selected="selected"</eq>>2011</option>
				</select>
				年
				<select name="month" class="month_c" onchange="show_day_c()">
					<option value="1" <eq name="user_show_info.month" value="1">selected="selected"</eq>>1</option>
					<option value="2" <eq name="user_show_info.month" value="2">selected="selected"</eq>>2</option>
					<option value="3" <eq name="user_show_info.month" value="3">selected="selected"</eq>>3</option>
					<option value="4" <eq name="user_show_info.month" value="4">selected="selected"</eq>>4</option>
					<option value="5" <eq name="user_show_info.month" value="5">selected="selected"</eq>>5</option>
					<option value="6" <eq name="user_show_info.month" value="6">selected="selected"</eq>>6</option>
					<option value="7" <eq name="user_show_info.month" value="7">selected="selected"</eq>>7</option>
					<option value="8" <eq name="user_show_info.month" value="8">selected="selected"</eq>>8</option>
					<option value="9" <eq name="user_show_info.month" value="9">selected="selected"</eq>>9</option>
					<option value="10" <eq name="user_show_info.month" value="10">selected="selected"</eq>>10</option>
					<option value="11" <eq name="user_show_info.month" value="11">selected="selected"</eq>>11</option>
					<option value="12" <eq name="user_show_info.month" value="12">selected="selected"</eq>>12</option>
				</select>
				月
				<select name="day" class="day_c">
					<option value="1" <eq name="user_show_info.day" value="1">selected="selected"</eq>>1</option>
					<option value="2" <eq name="user_show_info.day" value="2">selected="selected"</eq>>2</option>
					<option value="3" <eq name="user_show_info.day" value="3">selected="selected"</eq>>3</option>
					<option value="4" <eq name="user_show_info.day" value="4">selected="selected"</eq>>4</option>
					<option value="5" <eq name="user_show_info.day" value="5">selected="selected"</eq>>5</option>
					<option value="6" <eq name="user_show_info.day" value="6">selected="selected"</eq>>6</option>
					<option value="7" <eq name="user_show_info.day" value="7">selected="selected"</eq>>7</option>
					<option value="8" <eq name="user_show_info.day" value="8">selected="selected"</eq>>8</option>
					<option value="9" <eq name="user_show_info.day" value="9">selected="selected"</eq>>9</option>
					<option value="10" <eq name="user_show_info.day" value="10">selected="selected"</eq>>10</option>
					<option value="11" <eq name="user_show_info.day" value="11">selected="selected"</eq>>11</option>
					<option value="12" <eq name="user_show_info.day" value="12">selected="selected"</eq>>12</option>
					<option value="13" <eq name="user_show_info.day" value="13">selected="selected"</eq>>13</option>
					<option value="14" <eq name="user_show_info.day" value="14">selected="selected"</eq>>14</option>
					<option value="15" <eq name="user_show_info.day" value="15">selected="selected"</eq>>15</option>
					<option value="16" <eq name="user_show_info.day" value="16">selected="selected"</eq>>16</option>
					<option value="17" <eq name="user_show_info.day" value="17">selected="selected"</eq>>17</option>
					<option value="18" <eq name="user_show_info.day" value="18">selected="selected"</eq>>18</option>
					<option value="19" <eq name="user_show_info.day" value="19">selected="selected"</eq>>19</option>
					<option value="20" <eq name="user_show_info.day" value="20">selected="selected"</eq>>20</option>
					<option value="21" <eq name="user_show_info.day" value="21">selected="selected"</eq>>21</option>
					<option value="22" <eq name="user_show_info.day" value="22">selected="selected"</eq>>22</option>
					<option value="23" <eq name="user_show_info.day" value="23">selected="selected"</eq>>23</option>
					<option value="24" <eq name="user_show_info.day" value="24">selected="selected"</eq>>24</option>
					<option value="25" <eq name="user_show_info.day" value="25">selected="selected"</eq>>25</option>
					<option value="26" <eq name="user_show_info.day" value="26">selected="selected"</eq>>26</option>
					<option value="27" <eq name="user_show_info.day" value="27">selected="selected"</eq>>27</option>
					<option value="28" <eq name="user_show_info.day" value="28">selected="selected"</eq>>28</option>
					<option value="29" <eq name="user_show_info.day" value="29">selected="selected"</eq> class="day_c1">29</option>
					<option value="30" <eq name="user_show_info.day" value="30">selected="selected"</eq> class="day_c2">30</option>
					<option value="31" <eq name="user_show_info.day" value="31">selected="selected"</eq> class="day_c3">31</option>
				</select>
				日
				<script type="text/javascript">
				function show_day_c(){
					var year_c=$(".year_c").val();
					var month_c=$(".month_c").val();
					if(year_c%4==0 && month_c==2){
						$(".day_c1").show();
						$(".day_c2").hide();
						$(".day_c3").hide();
					}else if(month_c==1 || month_c==3 || month_c==5 || month_c==7 || month_c==8 || month_c==10 || month_c==12){
						$(".day_c1").show();
						$(".day_c2").show();
						$(".day_c3").show();
					}else if(month_c==4 || month_c==6 || month_c==9 || month_c==11){
						$(".day_c1").show();
						$(".day_c2").show();
						$(".day_c3").hide();
					}else if(year_c%4!=0 && month_c==2){
						$(".day_c1").hide();
						$(".day_c2").hide();
						$(".day_c3").hide();
					}
				}
				</script>
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">民族<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="minzu" value="{$user_show_info.minzu}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">身高(cm)<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="shengao" value="{$user_show_info.shengao}"> cm
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">体重(kg)<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="tizhong" value="{$user_show_info.tizhong}"> kg
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">星座<span class="f_cValidate fs_cValidate">*</span></p>
				<select name="xingzuo">
					<option value="白羊座" <eq name="user_show_info.xingzuo" value="白羊座">selected="selected"</eq>>白羊座</option>
					<option value="金牛座" <eq name="user_show_info.xingzuo" value="金牛座">selected="selected"</eq>>金牛座</option>
					<option value="双子座" <eq name="user_show_info.xingzuo" value="双子座">selected="selected"</eq>>双子座</option>
					<option value="巨蟹座" <eq name="user_show_info.xingzuo" value="巨蟹座">selected="selected"</eq>>巨蟹座</option>
					<option value="狮子座" <eq name="user_show_info.xingzuo" value="狮子座">selected="selected"</eq>>狮子座</option>
					<option value="处女座" <eq name="user_show_info.xingzuo" value="处女座">selected="selected"</eq>>处女座</option>
					<option value="天秤座" <eq name="user_show_info.xingzuo" value="天秤座">selected="selected"</eq>>天秤座</option>
					<option value="天蝎座" <eq name="user_show_info.xingzuo" value="天蝎座">selected="selected"</eq>>天蝎座</option>
					<option value="射手座" <eq name="user_show_info.xingzuo" value="射手座">selected="selected"</eq>>射手座</option>
					<option value="摩羯座" <eq name="user_show_info.xingzuo" value="摩羯座">selected="selected"</eq>>摩羯座</option>
					<option value="水瓶座" <eq name="user_show_info.xingzuo" value="水瓶座">selected="selected"</eq>>水瓶座</option>
					<option value="双鱼座" <eq name="user_show_info.xingzuo" value="双鱼座">selected="selected"</eq>>双鱼座</option>
				</select>
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">语言<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="yuyan" value="{$user_show_info.yuyan}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">籍贯<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="home" value="{$user_show_info.home}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">现居住地<span class="f_cValidate fs_cValidate">*</span></p>
				<input class="input medium fs_content fs_input" value="{$user_show_info.area}" name="area" type="text">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">邮箱<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="email" value="{$user_show.email}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">手机<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="tel" value="{$user_show.tel}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">固话</p>
				<input type="text" class="input medium fs_content fs_input" name="guhua" value="{$user_show_info.guhua}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">特长爱好<span class="f_cValidate fs_cValidate">*</span></p>
				<input type="text" class="input medium fs_content fs_input" name="xingqu" value="{$user_show_info.xingqu}">
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">培训经历</p>
				<textarea class="textarea medium fs_content fs_input" name="peixun">{$user_show_info.peixun}</textarea>
			</div>
			<div class="f_component">
				<p class="f_cTitle fs_cTitle">主播宣言<span class="f_cValidate fs_cValidate">*</span></p>
				<textarea class="textarea medium fs_content fs_input" name="jianjie">{$user_show_info.jianjie}</textarea>
			</div>
			<div class="f_component">
				
				<p class="f_cTitle fs_cTitle">写真照（至少两张，支持JPG图片格式）<span class="f_cValidate fs_cValidate">*</span></p>
					<volist name="user_photo" id="user_photo">
					<div style="margin-bottom:10px;">
						<img src="{$user_photo.url}" width="200" />
					</div>
					</volist>
					<div>
						<input type="file" class=" fs_content" name="0">
					</div>
					<div>
						<input type="file" class=" fs_content" name="1">
					</div>
				<div class="clearB"></div>
			</div>
			<style type="text/css">
				/*前台 图片上传*/
				.demo{width:490px; margin:3px auto}
				.demo p{line-height:32px}
				.btn{position: relative;overflow: hidden;margin-right: 4px;display:inline-block;*display:inline;padding:4px 10px 4px;font-size:14px;line-height:18px;*line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#5bb75b;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
				.btn input {position: absolute;top: 0; right: 0;margin: 0;border: solid transparent;opacity: 0;filter:alpha(opacity=0); cursor: pointer;}
				.progress { position:relative; margin-left:100px; margin-top:-24px; width:200px;padding: 1px; border-radius:3px; display:none}
				.bar {background-color: green; display:block; width:0%; height:20px; border-radius: 3px; }
				.percent { position:absolute; height:20px; display:inline-block; top:0px; left:2%; color:#fff }
				.files{height:auto; line-height:22px;}
				.delimg{margin-left:20px; color:#090; cursor:pointer}
			</style>
			<script type="text/javascript">
			$(function(){
//						$("#begin_upimg").click(function(){
//							$("#upload_img_form").submit();
//						});
				$(".fs_content").each(function(){
					$(this).change(function(){
						
//								var mypic=$(this).val();
//								//alert(mypic);
//								$.ajax({
//									type: "POST",
//									url: "/index.php?a=upload_img_php&m=user",
//									enctype: 'multipart/form-data',
//									data: {
//										mypic: mypic
//									},
//									success: function (v) {
//										alert(v);
//									}
//								});
//								var mypic=$(this).val();
//								$(this).parent().find("img").attr("src",mypic);
					});
				});
			});
			</script>
			<div class="f_error"></div>
			<div class="f_submit">  <input type="submit" id="begin_upimg" class="f_submitBtn fs_submitBtn validate_submit" value="确定报名" /> </div>
			

		</div>
	</div>
	</form>
</div>

<include file="Public:bottom"/>  

</body>
</html>
